.content {
    clear:both;
    width: 100%;
    background-color:#5D1AFF;
  }


.main {
    width: 100%;
    height:480px;
}
.aside {
  float:left;
  background-color: #E5DCF9;
  width:242px;
  height: 480px;
}

.aside .classify {
  float:left;
  width:242px;
  height: 480px;
}
.classify h2 {
  position: relative;
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #3A3A3A;
}
.classify  a {
  display:block;
  width: 100%;
  height: 60px;
  padding-left: 28px;
}

.show {
  width:958px;
  height:480px;
  float:right;
  position:relative;
}

.show ul {
  position: absolute;
  left: 0;
  top: 0;
  width:958px;
  height:480px;
  overflow:hidden;
}

.show li {
  float:left;
  width:958px;
  height:480px;
}

.show img {
  width:958px;
  height:480px;
}

.btn span {
  display: block;
  position: absolute;
  top: 210px;
  width: 60px;
  height: 60px;
  color:white;
  font-size: 30px;
  margin-top:-30px;
  text-align: center;
}
.btn .left-btn {
  left: 20px;
}
.btn .right-btn {
  right: 0;
}

.show ol {
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: 100px;
  height: 25px;
  margin-left: -50px;
 
}
.show .dot li {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 100%;
  background-color: rgba(255,255,255,0.4);
}

.show .dot .current {
  background-color:#00C3F5;
}